.middle > div {
    border: 1px solid gray;
}

/*----------------------------------propaganda---------*/
.propaganda {
    display: flex;
    justify-content: center;
}

.propaganda > div > div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.propaganda > div > div:nth-child(1) > div:nth-child(1) {
    color: rgb(230, 145, 55);
    font-size: 40px;
}

.propaganda > div > div:nth-child(1) > div:nth-child(2) {
    color: gray;
    font-size: 10px;
}

/*----------online-----------------*/
.online {
    display: flex;
    justify-content: center;

}

.online > form {
    /*border: 1px solid red;*/
    width: 600px;
    margin: 30px 0;
}

.online > div > div > div:nth-child(1) {
    line-height: 30px;
}

/*.online>div>div>div:nth-child(2){*/
/*    border:1px dashed gray ;*/
/*    line-height: 30px;*/
/*    height: 30px;*/
/*    background-color: rgb(238,238,238);*/
/*}*/
/*.online div[contenteditable]{*/
/*    padding:0 10px;*/
/*}*/

input, textarea {
    width: 600px;
    border: 1px dashed gray;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    background-color: rgb(238, 238, 238);
}

textarea {
    /*resize: none;*/
    resize: vertical;
    max-height: 100px;
    line-height: 20px;
    height: 50px;

}

/*对于textarea不能横向拖动*/

form input[type=submit] {
    background-color: rgb(230, 145, 55);
    padding: 0 50px;
    /*border: none;*/
    width: 200px;
    height: 50px;
    cursor: pointer;
    color: white;
    box-shadow: 5px 5px red;
    border-radius: 40px 30px 50px 50px;
    border: 1px solid blue;
}

/*last-child最后一个div*/
form > div:last-child{
    display: flex;
    justify-content: center;
    margin: 30px 0;
}